﻿<!doctype html>
<html ng-app="HomendApp" ng-controller="appController" lang="en">
  <head>

    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="initial-scale=1" />
    <title > Homend </title>
    <link rel="shortcut icon" type="image/x-icon" href="icon/homend.ico" />
    
    <!-- CSS-->
    <!-- ============================================================= -->
    <link rel="stylesheet" type="text/css" href="node_modules/angular-material/angular-material.css">
    <link rel="stylesheet" href="css/style.css">
    <link href="css/app.min.1.css" rel="stylesheet" id="app-level">
    <link href="css/app.min.2.css" rel="stylesheet">
    <link href="css/demo.css" rel="stylesheet">
    <link rel="stylesheet" href="fonts/style.css" >

    <link href="css/animate.min.css" rel="stylesheet">
    <link href="vendors/bower_components/material-design-iconic-font/dist/css/material-design-iconic-font.min.css" rel="stylesheet">
    <link href="css/sweet-alert.css" rel="stylesheet">
    <link href="css/loading-bar.css" rel="stylesheet">

    


  </head>
  <body layout="row" ng-cloak>
    <!-- ============================================================= -->
    <!-- Botones Prinsipal Inicio  sider_lef-->
    <!-- ============================================================= -->
    <md-sidenav class="site-sidenav md-sidenav-left md-whiteframe-z2"
      md-component-id="left"
      md-is-locked-open="$mdMedia('gt-sm')">

      <!-- Estilo y diseño Boton Prinsipal Inicio -->
      <md-toolbar class="md-hue-2">
        <div layout="column" class="md-toolbar-tools-bottom inset">
          <a ng-href="#/" class="docs-logo">
            <img src="img/homend/h-logo.png" alt="">
          </a>  
          <a ng-href="#/" class="docs-logo">
            <h1 class="docs-logotype md-heading">Homend Web</h1>
          </a>
        </div>
      </md-toolbar>

    <!-- ============================================================= -->
    <!-- Menu desplegable sider_lef -->
    <!-- ============================================================= -->

      <md-content flex role="navigation">
        <ul class="docs-menu">
          <li ng-repeat="section in menu.sections" class="parent-list-item {{section.className || ''}}" ng-class="{'parentActive' : isSectionSelected(section)}">
            <h2 class="menu-heading md-subhead" ng-if="section.type === 'heading'" id="heading_{{ section.name | nospace }}">
              {{section.name}}
            </h2>
            <menu-link section="section" ng-if="section.type === 'link'"></menu-link>

            <menu-toggle section="section" ng-if="section.type === 'toggle'"></menu-toggle>

            <ul ng-if="section.children" class="menu-nested-list">
              <li ng-repeat="child in section.children" ng-class="{'childActive' : isSectionSelected(child)}">
                <menu-link section="child" ng-if="child.type === 'link'"></menu-link>

                <menu-toggle section="child" ng-if="child.type === 'toggle'"></menu-toggle>
              </li>
            </ul>
          </li>
        </ul>
      </md-content>
    </md-sidenav>

    <!-- ============================================================= -->
    <!-- Garga Venta de edicion y Header-->
    <!-- ============================================================= -->
    <div layout="column" tabIndex="-1" role="main" flex>
    
      

      <!-- ============================================================= -->
      <!-- Header y los botones en header -->
      <!-- ============================================================= -->

      <md-toolbar ng-show="!showSearch" class="md-whiteframe-glow-z1">
        <div class="md-toolbar-tools">
          <!-- bonto de desplazamiento del menu -->
          <md-button class="md-icon-button docs-toolbar-tools" ng-click="openMenu()" hide-gt-sm aria-label="Toggle Menu">
            <ng-md-icon icon="menu"></ng-md-icon>
          </md-button>
          <!-- URL de  header -->
          <h2 class="md-toolbar-item md-breadcrumb md-headline">
            <span ng-if="menu.currentPage.name !== menu.currentSection.name">
              <span hide-sm hide-md>{{menu.currentSection.name}}</span>
              <span class="docs-menu-separator-icon" hide-sm hide-md style="transform: translate3d(0, 1px, 0)">
                <span class="md-visually-hidden">-</span>
                <md-icon aria-hidden="true" md-svg-src="img/icons/ic_chevron_right_24px.svg" style="transform:translateY(-2px)"></md-icon>
              </span>
            </span>
            <span class="md-breadcrumb-page">{{menu.currentPage | humanizeDoc}}</span>
          </h2>

          <span flex></span> <!-- use up the empty space -->

          <div class="md-toolbar-item docs-tools" layout="row">

            <!-- Bonton de la mansanita -->
            <md-button class="md-icon-button"
              aria-label="Install with Bower"
              ng-if="!currentComponent.docs.length"
              target="_blank"
              ng-href="https://github.com/angular/bower-material">
              <md-tooltip md-autohide>Install with Bower</md-tooltip>
              <md-icon md-svg-src="img/icons/bower-logo.svg"></md-icon>
            </md-button>
            <!-- Bonton de NPM -->
            <md-button class="md-icon-button"
              aria-label="Install with NPM"
              ng-if="!currentComponent.docs.length"
              target="_blank"
              ng-href="https://www.npmjs.com/package/angular-material">
              <md-tooltip md-autohide>Install with NPM</md-tooltip>
              <md-icon md-svg-src="img/icons/npm-logo.svg" style="transform: scale(1.3)"></md-icon>
            </md-button>
            <!-- Bonton de Carita -->
            <md-button class="md-icon-button"
              aria-label="View Source on Github"
              ng-if="!currentComponent.docs.length"
              target="_blank"
              ng-href="{{BUILDCONFIG.repository}}/{{menu.version.current.github}}">
              <md-tooltip md-autohide>View Source on Github</md-tooltip>
              <md-icon md-svg-src="img/icons/github.svg" style="color: rgba(255,255,255,0.97);"></md-icon>
            </md-button>
            <!-- Bonton de Buscar -->
            <md-button class="md-icon-button"
              aria-label="Search"
              ng-click="showSearch = !showSearch">
              <md-tooltip md-autohide>Search</md-tooltip>
              <ng-md-icon icon="search"></ng-md-icon>
            </md-button>
            <!-- Bonton de Seting 3...-->
            <md-button class="md-icon-button"
              aria-label="Open Settings"
              ng-click="showListBottomSheet($event)">
              <md-tooltip md-autohide>Open Settings</md-tooltip>
              <ng-md-icon icon="more_vert"></ng-md-icon>
            </md-button>

          </div>
        </div>
      </md-toolbar>

      <!-- ============================================================= -->
      <!-- Funciones del Boron Buscar-->
      <!-- ============================================================= -->
      <md-toolbar class="md-hue-1" ng-show="showSearch">
        <div class="md-toolbar-tools">
          <md-button class="md-icon-button"
            aria-label="Back"
            ng-click="showSearch = !showSearch">
            <md-tooltip md-autohide>Back</md-tooltip>
            <ng-md-icon icon="arrow_back"></ng-md-icon>
          </md-button>


          <md-input-container md-theme="input" flex>
            <label>&nbsp;</label>
            <input ng-model="search.who" placeholder="enter search">
          </md-input-container>


          <div class="md-toolbar-item docs-tools" layout="row">

            <md-button class="md-icon-button"
              aria-label="Search"
              ng-click="showSearch = !showSearch">
              <md-tooltip md-autohide>Search</md-tooltip>
              <ng-md-icon icon="search"></ng-md-icon>
            </md-button>

            <md-button class="md-icon-button"
              aria-label="Open Settings"
              ng-click="showListBottomSheet($event)">
              <md-tooltip md-autohide>Open Settings</md-tooltip>
              <ng-md-icon icon="more_vert"></ng-md-icon>
            </md-button>

          </div>
        </div>
      </md-toolbar>

      <md-content ui-view md-scroll-y flex layout-padding></md-content>
    </div>

    <!-- ============================================================= -->
    <!-- Instanciacion de Librerias -->
    <!-- ============================================================= -->

    <script src="node_modules/angular/angular.min.js"></script>
    <script src="node_modules/angular-animate/angular-animate.min.js"></script>

    <script src="node_modules/angular-aria/angular-aria.min.js"></script>
    <script src="node_modules/angular-messages/angular-messages.min.js"></script>
    <!-- Vendor -->
    <script src="node_modules/angular-ui-router/release/angular-ui-router.js"></script>

    <script src= "node_modules/angular-material/angular-material.js"></script>
    <script src= "node_modules/angularytics/dist/angularytics.min.js"></script>

    <script src="node_modules/angular-material-icons/angular-material-icons.min.js"></script> 
    
    <!-- ============================================================= -->
    <!-- La Aplicacion -->
    <!-- ============================================================= -->
    <script src= "app/app.js"></script>
    <script src= "app/configs.js"></script>
    <script src= "app/templates/menu-directive.js"></script>
    <script src= "app/templates/menu-filter.js"></script>
    <script src= "app/templates/sidebar-left.js"></script>

    <script src= "app/controllers/appController.js"></script>
    <script src= "app/controllers/testController.js"></script>
    <script src= "app/controllers/test2Controller.js"></script>

    <script src= "app/controllers/cicloController.js"></script>
    <script src= "app/services/cicloService.js"></script>

    <script src= "app/controllers/servicioController.js"></script>
    <script src= "app/services/servicioService.js"></script>

    
  </body>
</html>
